<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="description" content="Modern UI CSS">
    <meta name="author" content="Sergey Pimenov">
    <meta name="keywords" content="windows 8, modern style, modern ui, style, modern, css, framework">

    <link href="/Website/css/modern.css" rel="stylesheet">

	<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    
    <script>
	    $(function() 
	    {
	        $( "#datepicker" ).datepicker();
	    });
    </script>

    <title>Search Flight</title>
	

</head>

<body class="modern-ui" onload="prettyPrint()">

<%
	String username = request.getParameter("username");
	String homepage = null;
	if (username == null || username.equals("null"))
	{
		homepage = "../index.html";	
		//homepage = homepage.substring(0, homepage.length());
	}
	else
	{
		homepage = "/Website/BackButtonURL?username=";
		homepage+=username;
		
		homepage = homepage.substring(0, homepage.length() - 2);
	}
		
%>

    <div class="page secondary">

        <div class="page-header">
            <div class="page-header-content">
                <h1>Search Flight</h1>
                <a href = "/Website/BackButtonURL?username=<%=username %>" class="back-button big page-back"></a>
            </div>
        </div>
		
        <div class="page-region">
            <div class="page-region-content">
							
				<br>
				<br>

                    <div class="row">
                        <div class="span10">
                            <div class="span10" style="background-color: #ccc; height: 600px;">
                                <div class="page snapped bg-color-pink">
                                    <p style="padding: 20px; color:white">Search Filter</p>
									
									<form action = "/Website/SearchFlightURL" method = "get" style = "padding: 20px">
										<div class="input-control text span3 as-block" >
											<p style="color:white">Leaving from: </p> <input type="text"name = "leaving" maxlength="20"/>
											<span class="helper"></span>
										</div>
										
										<div class="input-control text span3 as-block">
											<p style="color:white">Arriving At </p> <input type="text"name = "arriving" maxlength="20"/>
											<span class="helper"></span>
										</div>
																												    	
								    	<div class="input-control text span3 as-block">
											<p style="color:white">Date </p> <input type="text" id="datepicker" name = "date" maxlength="15"/>
											<span class="helper"></span>
										</div>
																																																				
										<input type = "hidden" name = "username" value = <%=username %>>
																				
										<br>
										<input type="submit" value="Search"/>
									
									</form>

                                </div>
                                <div class="page fill bg-color-white">
                                
									
                                </div>
                            </div>
								
                        </div>
                    </div>

            </div>
        </div>

    </div>

</body>
</html>